<template>
  <el-card class="mine-templ">
    <div class="left-con">
      <!-- 1.0 操作工具 -->
      <div class="tools-table">
        <el-button type="danger" size="mini">删除</el-button>
        <el-button type="success" size="mini">批量导入</el-button>
        <el-button type="warning" size="mini">+添加店铺</el-button>
        <el-button type="default" size="mini">+添加新的空白任务</el-button>
      </div>

      <!-- 2.0 表格展示数据 -->
      <Table />
    </div>
    <div class="right-con">
      <!-- 展示在右侧的表单组件 -->
      <Temp />
    </div>
  </el-card>
</template>

<script>
import Table from './components/Table.vue'
import Temp from './components/Template.vue'
export default {
  components: {
    Table,
    Temp
  }
}
</script>

<style lang="scss" scoped>
.tools-table {
  margin: 10px 0 20px;
}

.right-con {
  overflow: auto;
}
</style>
